<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
  <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>易买网 - 首页</title>
<link type="text/css" rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="scripts/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="scripts/function.js"></script>
<script type="text/javascript">
$(function(){
		commodityClass();
		recentBrowse();
	})

  
</script>
</head>
<body>
<div id="header" class="wrap">
	<div id="logo"><img src="images/logo.gif" /></div>
	<div class="help"><a href="/easyBuy170601/ShoppingCarInfoServlet" id="shoppingBag" class="shopping">购物车X件</a><a href="login.jsp">登录</a><a class="button" id="logout" href="javascript:void(0);">注销</a><a href="register.html">注册</a><a href="/easyBuy170601/ShowLeavingInfoServlet">留言</a><a href="manage/index.jsp">后台管理</a></div>
	<div class="navbar">
		<ul class="clearfix">
			<li class="current"><a href="#">首页</a></li>
			<li><a href="#">图书</a></li>
			<li><a href="#">百货</a></li>
			<li><a href="#">品牌</a></li>
			<li><a href="#">促销</a></li>
		</ul>
	</div>
</div>
<div id="childNav">
	<div class="wrap">
		<ul class="clearfix">
			<li class="first"><a href="#">音乐</a></li>
			<li><a href="#">影视</a></li>
			<li><a href="#">少儿</a></li>
			<li><a href="#">动漫</a></li>
			<li><a href="#">小说</a></li>
			<li><a href="#">外语</a></li>
			<li><a href="#">数码相机</a></li>
			<li><a href="#">笔记本</a></li>
			<li><a href="#">羽绒服</a></li>
			<li><a href="#">秋冬靴</a></li>
			<li><a href="#">运动鞋</a></li>
			<li><a href="#">美容护肤</a></li>
			<li><a href="#">家纺用品</a></li>
			<li><a href="#">婴幼奶粉</a></li>
			<li><a href="#">饰品</a></li>
			<li class="last"><a href="#">Investor Relations</a></li>
		</ul>
	</div>
</div>
<div id="position" class="wrap">
	您现在的位置：<a href="index.jsp">易买网</a> &gt; <a href="product-list.html">图书音像</a> &gt; 图书
</div>
<div id="main" class="wrap">
	<div class="lefter">
		<div class="box">
			<h2>商品分类</h2>
			<dl>
			</dl>
		</div>
		<div class="spacer"></div>
		<div class="last-view">
		
			<h2>最近浏览</h2>
			<dl class="clearfix">
				<dt><img src="images/product/10_small.jpg" id="recentImg" width="54px" height="54px"/></dt>
				<dd><a href="product-view.html" id="recentHref" target="_self">利仁2018M福满堂电饼铛 好用实惠</a></dd>
				<dt>&nbsp;</dt>
				<dd>&nbsp;</dd>
		  </dl>
			<!-- <script type="text/javascript">
				document.write("Cookie中记录的购物车商品ID："+ getCookie("product") + "，可以在动态页面中进行读取");
			</script> -->
		</div>
	</div>
	<div class="main">
		<div class="product-list">
			<h2>全部商品</h2>			
			<div class="clear"></div>
			<ul class="product clearfix" id="productclearfix">
			 <c:forEach items="${map.list}" var="emp">
				<li>
					<dl>
						<dt><a onclick="recentAdd('${emp.commodityName}','${emp.pictureSource}','product-view.jsp?commodityName=${emp.commodityName}&inventory=${emp.inventory}&commodityPrice=${emp.commodityPrice}&pictureSource=${emp.pictureSource}&commodityIntroduce=${emp.commodityIntroduce}');" href="product-view.jsp?commodityName=${emp.commodityName}&inventory=${emp.inventory}&commodityPrice=${emp.commodityPrice}&pictureSource=${emp.pictureSource}&commodityIntroduce=${emp.commodityIntroduce}"  target="_self"><img src="${emp.pictureSource}" /></a></dt>
						<dd class="title"><a onclick="recentAdd('${emp.commodityName}','${emp.pictureSource}','product-view.jsp?commodityName=${emp.commodityName}&inventory=${emp.inventory}&commodityPrice=${emp.commodityPrice}&pictureSource=${emp.pictureSource}&commodityIntroduce=${emp.commodityIntroduce}');" href="product-view.jsp?commodityName=${emp.commodityName}&inventory=${emp.inventory}&commodityPrice=${emp.commodityPrice}&pictureSource=${emp.pictureSource}&commodityIntroduce=${emp.commodityIntroduce}"  target="_self">${emp.commodityName}</a></dd>
						<dd class="price">￥${emp.commodityPrice}</dd>
					</dl>
				</li>
			</c:forEach>
			<!-- 	<li>
					<dl>
						<dt><a href="product-view.html" target="_self"><img src="images/product/1.jpg" /></a></dt>
						<dd class="title"><a href="product-view.html" target="_self">法国德菲丝松露精品巧克力500g/盒</a></dd>
						<dd class="price">￥108.0</dd>
					</dl>
				</li> -->
			</ul>
			<div class="clear"></div>
			<div class="pager">
				<ul class="clearfix">
					<li><span id="currentPage">当前[${map.page.currentPage}/${map.page.totalPage }]页</span></li>
					<c:if test="${map.page.currentPage!=map.page.totalPage}">
					<li><a href="javascript:void(0)" onclick="SmallClassServlet(1,${map.small_id})">首页</a></li>
					<li><a href="javascript:void(0)" id="upPage" style="display:none" onclick="SmallClassServlet(${map.page.currentPage-1} ,${map.small_id})">上一页</a></li>
					<li><a href="javascript:void(0)" id="downPage" onclick="SmallClassServlet(${map.page.currentPage+1},${map.small_id})">下一页</a></li>
					<li><a href="javascript:void(0)" id="endPage" onclick="SmallClassServlet(${map.page.totalPage },${map.small_id})">末页</a></li>
					</c:if>
				</ul>
			</div>
		</div>
	</div>
	<div class="clear"></div>
</div>
<div id="footer">
	Copyright &copy; 2017 云和学院 All Rights Reserved. 京ICP证1000001号</div>
</body>
</html>
